Dashboard Temp Share Shortlinks Frames API

HTMLify

index.html
Views: 27 | Author: huxn-webdev 
  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Coffee</title>
    <link rel="stylesheet" href="style.css" />
  </head>
  <body>
    <!-- nav -->
    <nav>
      <h1 class="logo">Logo</h1>
      <ul>
        <li><a href="#" class="active">Home</a></li>
        <li><a href="#">About</a></li>
        <li><a href="#">Menu</a></li>
        <li><a href="#">Contact</a></li>
      </ul>
    </nav>

    <!-- header -->
    <section class="header">
      <h1 class="main-headings">START YOUR DAY</h1>
      <h1 class="primary-heading">WITH OUR COFFEE</h1>
      <button class="main-btn">Shop Now</button>
    </section>

    <!-- our story -->

    <section id="our-story">
      <div class="img-container">
        <div class="img"></div>
      </div>
      <div class="section-content">
        <div class="title-style">
          <span class="line"></span>
          <h1 class="title">Our Story</h1>
        </div>
        <p>
          Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolor
          doloremque reiciendis ea voluptatibus. Quis modi ratione incidunt
          ipsam
        </p>
        <button>Learn More</button>
      </div>
    </section>

    <!-- Perfect place to enjoy your coffee -->
    <section class="coffee-container">
      <div class="content-section">
        <div class="title-style">
          <h1 class="title-two">
            Perfect Place <br />
            To Enjoy Your <br />
            Coffee
          </h1>
        </div>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
        <button style="margin-top: 20px">Learn More</button>
      </div>

      <section class="img-container">
        <img src="Images/2.png" class="img-2" alt="" />
      </section>
    </section>

    <!-- Products -->
    <section class="products">
      <h1 class="title title-three">Products</h1>

      <section class="cards">
        <div class="card">
          <div class="card-img img-one"></div>
          <div class="card-title">
            <h1>Mocha</h1>
          </div>
          <div class="items">
            <p>Espresso</p>
            <p>Chocolate</p>
            <p>Steamed Milk</p>
          </div>
          <button>Learn More</button>
        </div>
        <div class="card">
          <div class="card-img img-two"></div>
          <div class="card-title">
            <h1>Mocha</h1>
          </div>
          <div class="items">
            <p>Espresso</p>
            <p>Chocolate</p>
            <p>Steamed Milk</p>
          </div>
          <button>Learn More</button>
        </div>
        <div class="card">
          <div class="card-img img-three"></div>
          <div class="card-title">
            <h1>Mocha</h1>
          </div>
          <div class="items">
            <p>Espresso</p>
            <p>Chocolate</p>
            <p>Steamed Milk</p>
          </div>
          <button>Learn More</button>
        </div>
      </section>
    </section>

    <!-- footer -->
    <hr />
    <footer>
      <div class="container">
        <h1 class="heading-info">About <span>Us</span></h1>
        <p>
          Sit amet consectetur adipisicing elit. Dolor doloremque reiciendis ea
          voluptatibus.
        </p>
      </div>
      <div class="container">
        <h1 class="heading-info">Contact <span>Us</span></h1>
        <p>
          Sit amet consectetur adipisicing elit. Dolor doloremque reiciendis ea
          voluptatibus.
        </p>
      </div>
      <div class="container">
        <h1 class="heading-info">Opening <span> Hourse</span></h1>
        <p>
          Sit amet consectetur adipisicing elit. Dolor doloremque reiciendis ea
          voluptatibus.
        </p>
      </div>
    </footer>
    <hr class="hr-two" />

    <p class="para">
      Copyright @ 2022 HuXn WebDev | Provided by <span>HuXn WebDev</span>
    </p>

    <script src="app.js"></script>
  </body>
</html>

Share this file: